{% extends 'base.html' %}
{% load static %}

{% block title %}Register User{% endblock %}

{% block content %}
<div class="row text-center vertical-middle-sm">
    <h1>Register</h1>
    <p>If you are a user, <strong><a href="{% url 'account:user_login' %">Login</a></strong>, please</p>
    <p>or register.</p>
    <form action="." method='post' class="form-horizontal">
        {% csrf_token %}
        <div class=" form-group">
                <label for="{{ form.username.id_for_label }}" class="col-md-5 control-label">UserName</label>
                {{ form.username }}
</div>
<div class="form-group">
    <label for="{{ form.email.id_for_label }}" class="col-md-5 control-label">Email</label>
    {{ form.email }}
</div>
<div class="form-group">
    <label for="{{ form.password.id_for_label }}" class="col-md-5 control-label">Password</label>
    {{ form.password }}
</div>
<div class="form-group">
    <label for="{{ form.password.id_for_label }}" class="col-md-5 control-label">Confirm Password</label>
    {{ form.password2 }}
</div>
<div class="form-group">
    <label for="{{ profile.birth.id_for_label }}" class="col-md-5 control-label">Birth Date</label>
    {{ profile.birth }}
</div>
<div class="form-group">
    <label for="{{ profile.phone.id_for_label }}" class="col-md-5 control-label">Phone</label>
    {{ profile.phone }}
</div>
<input type="submit" class="btn btn-primary btn-lg" value="REGISTER">
</form>
</div>
{% endblock %}